// pages/feedback/index.js
Page({
    data: {
        tabs:[
            {
                id:0,
                value:'体验问题',
                isActive:true
            },
            {
                id:1,
                value:'商品、商家投诉',
                isActive:false
            },
        ],
        // 被选中的图片路径 数组
        chooseImgs:[],
        // 文本域的内容
        textVal:''
    },
    // 标题点击事件
    handleTabsItemChange(e){
        // 1 获取被点击的标题索引
        const {index}=e.detail
        // 2 修改源数组
        let {tabs}=this.data;
        tabs.forEach((v,i) => {
            i===index?v.isActive=true:v.isActive=false
        });
        // 3 赋值到data中
        this.setData({
            tabs
        })
    },
    // 点击加号上传
    handleChooseImg(){
        wx.chooseImage({
            // 同时选中的最大图片数量
            count: 9,
            // 图片的格式 原图 压缩
            sizeType: ['original', 'compressed'],
            // 图片的来源 相机 相册
            sourceType: ['album', 'camera'],
            success: (result) => {
                this.setData({
                    chooseImgs:[...this.data.chooseImgs,...result.tempFilePaths]
                })
            }
        });
          
    },
    // 点击自定义图片组件
    handleRemoveImg(e){
        // 获取被点击图片的索引
        const {index}=e.currentTarget.dataset
        // 获取data中的图片数组
        let {chooseImgs}=this.data
        // 删除元素
        chooseImgs.splice(index,1)
        this.setData({
            chooseImgs
        })
    },
    // 文本域的输入事件
    handleTextInput(e){
        this.setData({
            textVal:e.detail.value
        })
    },
    // 提交按钮的点击
    handleFormSubmit(){
        console.log('wowww');
        // 获取文本域的内容
        const {textVal,chooseImgs}=this.data
        // 合法性的验证
        if(!textVal.trim()){
            // 不合法
            wx.showToast({
                title: '请您输入合法的字符',
                icon: 'none',
                mask: true,
            });
            return
        }
        // 准备上传图片到专门的服务器
        // chooseImgs.forEach((v,i)=>{
        //     wx.uploadFile({
        //         url: 'https://images.ac.cn/Home/Index/UploadAction/',
        //         filePath: v,
        //         name:'file' ,
        //         formData: {},
        //         success: (result) => {
        //             console.log(result);
        //         }
        //     });
              
        // })
        this.setData({
            textVal:'',
            chooseImgs:[]
        })
        
        wx.showToast({
            title: '成功提交反馈！',
            icon: 'success',
            duration: 2500,
            mask: true,
            success: (result) => {
                wx.navigateBack({
                    delta: 1
                });
                  
            }
        });
          
          
    }

})